<!DOCTYPE html>
<html>
    <head>
        <title>1</title>
        <script type="text/javascript" src="../js/vue.js"></script>
    </head>
    <body>
        <!-- 
        MVVM模型
1.M：模型（Model）：data中的数据
2.V：视图（View）：模板代码
3.VM：视图模型（ViewModel）：Vue实例
观察发现：
1.data中所有的属性，最后都出现在了vm身上。
2.Vm身上所有的属性及Vue原型上所有属性，在Vue模板中都可以直接使用。
 -->
       <div id="root">
            <h3>学校:{{name}}</h3>
            <h3>test1:{{1+1}}</h3>
            <h3>test2:{{$options}}</h3>
            <h3>test3:{{$emit}}</h3>
            <h3>test4:{{_c}}</h3>
        </div>
        <script type="text/javascript">
            Vue.config.productionTip = false
            const vm = new Vue({
                el: '#root', 
                data(){
                    return {
                        name:'333'
                    }
                }
            })
        </script>
    </body>
</html>
